<template>
  <div>
    <div>
      <ul>
        <li v-for=" u in usersList" :key="u.id">{{u.username}}</li>
      </ul>
    </div>
    <button @click="getUsers()">getUsers</button>
  </div>
</template>
<script>
import {mapActions,mapState} from 'vuex'
export default {
  computed:{
    ...mapState(['usersList'])
  },
  methods:{
    ...mapActions(['getUsers'])
  }

}
</script>

<style>
div {
  padding: 10px;
  margin: 10px;
  border: solid;
}
</style>